
{extend name='common/base'}

{block name="body"}
<link rel="stylesheet" href="__STATIC__/index/css/base_personal.css" type="text/css" />
<div id="main">
    <div class="bg-other user-head-info">
        <div class="user-info">
            <h3 class="user-name clearfix">
						<span>
							qq_彪B_03249444
						</span>
            </h3>
            <!--25-->
            <p class="about-info">
						<span class='sexSecret ' title='保密 '>
						</span>
                PHP开发工程师
						<span class="u-info-learn">
							学习时长
							<em>
								6小时25分
							</em>
						</span>
						<span class='u-info-credit'>
							积分
							<em>
								1
							</em>
						</span>
						<span class="u-info-mp">
							经验
							<em>
								102
							</em>
						</span>
            </p>
            <p class="user-desc">
                这位同学很懒，木有签名的说～
            </p>
            <div class="study-info clearfix">
                <div class="item follows">
                    <a href='/u/3249444/follows'>
                        <em>
                            1
                        </em>
                    </a>
							<span>
								关注
							</span>
                </div>
                <div class="item followers">
                    <a href='/u/3249444/fans'>
                        <em>
                            0
                        </em>
                    </a>
							<span>
								粉丝
							</span>
                </div>
            </div>
            <!--.study-info end-->
        </div>
        <!-- .user-info end -->
    </div>
    <!-- .big-pic end -->
    <div class="wrap">
        <div class="slider">
            <div class="user-pic" data-is-fans="" data-is-follows="">
                <div class="user-pic-bg">
                </div>
                <!--user-pic-big end-->
                <img class='img' src="__STATIC__/index/images/545862440001cef302200220-200-200.jpg" alt=""
                />
                <div class="friend mail js-fans-msg  " data-uid='3249444' data-type="3">
                    <a>
                        <i class="icon-mail">
                        </i>
                        <style type="text/css">
                            .u-info-tips{ background-color: #ccc; display: block; color: #fff; position:
                                    relative; left: -68px; top: 8px; text-align: center; z-index: 2; border-radius:
                                    3px; padding: 20px; min-width: 146px; text-align: left; display: none;
                            } .u-info-tips .icon-drop_up{ position: absolute; left: 80px; top: -27px;
                                  color: #ccc; font-size: 26px!important; } .u-info-follow-tip{ background-color:
                                    #00c850; } .u-info-follow-tip .icon-drop_up{ color: #00c850!important;
                                               } .u-info-follow-tip .title{ font-weight: bold; font-size: 16px; color:
                                    #fff; } .u-info-follow-tip .content{ margin-top: 10px; display: block;
                                                font-size: 12px; } .u-info-alreadyfollow-tip{ background-color: #008cc8;
                                                                   } .u-info-alreadyfollow-tip .icon-drop_up{ color: #008cc8!important; }
                            .u-info-alreadyfollow-tip .title{ font-weight: bold; font-size: 16px; color:
                                    #fff; } .u-info-alreadyfollow-tip .content{ margin-top: 10px; display:
                                    block; font-size: 12px; } .u-info-fans-tip{ background-color: #008cc8;
                                                              } .u-info-fans-tip .icon-drop_up{ color: #008cc8!important; } .u-info-fans-tip
                                                                                                                            .title{ font-weight: bold; font-size: 16px; color: #fff; } .u-info-fans-tip
                                                                                                                                                                                       .content{ margin-top: 10px; display: block; font-size: 12px; color: #fff;
                                                                                                                                                                                       } .u-info-tips .cancel-follow{ font-size: 12px; display: block; color:
                                    #fff; opacity: 0.5; margin-top: 10px; }
                        </style>
                        <div class="u-info-tips u-info-fans-tip" data-type="3">
									<span class="title">
										你和Ta已互相关注
									</span>
                            <p class="content">
                                相互关注后可及时了解Ta的动态信息，可进行即时聊天。
                            </p>
                            <a href="Javascript:" class="cancel-follow" data-uid=3249444>
                                取消关注
                            </a>
                            <i class="icon-drop_up">
                            </i>
                        </div>
                    </a>
                </div>
                <div class="friend mail js-already-follow  " data-uid='3249444' data-type="2">
                    <a>
                        <i class="icon-mail">
                        </i>
                    </a>
                    <style type="text/css">
                        .u-info-tips{ background-color: #ccc; display: block; color: #fff; position:
                                relative; left: -68px; top: 8px; text-align: center; z-index: 2; border-radius:
                                3px; padding: 20px; min-width: 146px; text-align: left; display: none;
                        } .u-info-tips .icon-drop_up{ position: absolute; left: 80px; top: -27px;
                              color: #ccc; font-size: 26px!important; } .u-info-follow-tip{ background-color:
                                #00c850; } .u-info-follow-tip .icon-drop_up{ color: #00c850!important;
                                           } .u-info-follow-tip .title{ font-weight: bold; font-size: 16px; color:
                                #fff; } .u-info-follow-tip .content{ margin-top: 10px; display: block;
                                            font-size: 12px; } .u-info-alreadyfollow-tip{ background-color: #008cc8;
                                                               } .u-info-alreadyfollow-tip .icon-drop_up{ color: #008cc8!important; }
                        .u-info-alreadyfollow-tip .title{ font-weight: bold; font-size: 16px; color:
                                #fff; } .u-info-alreadyfollow-tip .content{ margin-top: 10px; display:
                                block; font-size: 12px; } .u-info-fans-tip{ background-color: #008cc8;
                                                          } .u-info-fans-tip .icon-drop_up{ color: #008cc8!important; } .u-info-fans-tip
                                                                                                                        .title{ font-weight: bold; font-size: 16px; color: #fff; } .u-info-fans-tip
                                                                                                                                                                                   .content{ margin-top: 10px; display: block; font-size: 12px; color: #fff;
                                                                                                                                                                                   } .u-info-tips .cancel-follow{ font-size: 12px; display: block; color:
                                #fff; opacity: 0.5; margin-top: 10px; }
                    </style>
                    <div class="u-info-tips u-info-alreadyfollow-tip" data-type="2">
								<span class="title">
									已成功关注Ta
								</span>
                        <p class="content">
                            关注后可及时了解Ta的动态，并可向Ta发送即时消息。
                        </p>
                        <a href="Javascript:" class="cancel-follow" data-uid=3249444>
                            取消关注
                        </a>
                        <i class="icon-drop_up">
                        </i>
                    </div>
                </div>
                <div class="friend group_add js-add-follow  " data-uid='3249444' data-type="1">
                    <i class="icon-group_add">
                    </i>
                    <style type="text/css">
                        .u-info-tips{ background-color: #ccc; display: block; color: #fff; position:
                                relative; left: -68px; top: 8px; text-align: center; z-index: 2; border-radius:
                                3px; padding: 20px; min-width: 146px; text-align: left; display: none;
                        } .u-info-tips .icon-drop_up{ position: absolute; left: 80px; top: -27px;
                              color: #ccc; font-size: 26px!important; } .u-info-follow-tip{ background-color:
                                #00c850; } .u-info-follow-tip .icon-drop_up{ color: #00c850!important;
                                           } .u-info-follow-tip .title{ font-weight: bold; font-size: 16px; color:
                                #fff; } .u-info-follow-tip .content{ margin-top: 10px; display: block;
                                            font-size: 12px; } .u-info-alreadyfollow-tip{ background-color: #008cc8;
                                                               } .u-info-alreadyfollow-tip .icon-drop_up{ color: #008cc8!important; }
                        .u-info-alreadyfollow-tip .title{ font-weight: bold; font-size: 16px; color:
                                #fff; } .u-info-alreadyfollow-tip .content{ margin-top: 10px; display:
                                block; font-size: 12px; } .u-info-fans-tip{ background-color: #008cc8;
                                                          } .u-info-fans-tip .icon-drop_up{ color: #008cc8!important; } .u-info-fans-tip
                                                                                                                        .title{ font-weight: bold; font-size: 16px; color: #fff; } .u-info-fans-tip
                                                                                                                                                                                   .content{ margin-top: 10px; display: block; font-size: 12px; color: #fff;
                                                                                                                                                                                   } .u-info-tips .cancel-follow{ font-size: 12px; display: block; color:
                                #fff; opacity: 0.5; margin-top: 10px; }
                    </style>
                    <div class="u-info-tips u-info-follow-tip" data-type="1">
								<span class="title">
									关注Ta
								</span>
                        <p class="content">
                            关注后可及时了解Ta的动态信息，并可向Ta发送即时消息
                        </p>
                        <i class="icon-drop_up">
                        </i>
                    </div>
                </div>
            </div>
            <ul>
                <li>
                    <a href="/u/3249444">
                        <i class="icon-home">
                        </i>
								<span>
									主页
								</span>
                        <b class="icon-drop_right">
                        </b>
                    </a>
                </li>
                <li>
                    <a href="/u/3249444/courses" class="active">
                        <i class="icon-tick">
                        </i>
								<span>
									课程
								</span>
                        <b class="icon-drop_right">
                        </b>
                    </a>
                </li>
                <!--<li>-->
                    <!--<a href="/u/3249444/plans">-->
                        <!--<i class="icon-plan">-->
                        <!--</i>-->
								<!--<span>-->
									<!--路径-->
								<!--</span>-->
                        <!--<b class="icon-drop_right">-->
                        <!--</b>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="/u/3249444/bbs">-->
                        <!--<i class="icon-yuanwen">-->
                        <!--</i>-->
								<!--<span>-->
									<!--猿问-->
								<!--</span>-->
                        <!--<b class="icon-drop_right">-->
                        <!--</b>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="/u/3249444/articles">-->
                        <!--<i class="icon-blog">-->
                        <!--</i>-->
								<!--<span>-->
									<!--手记-->
								<!--</span>-->
                        <!--<b class="icon-drop_right">-->
                        <!--</b>-->
                    <!--</a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="/u/3249444/wikis">-->
                        <!--<i class="icon-wiki">-->
                        <!--</i>-->
								<!--<span>-->
									<!--wiki-->
								<!--</span>-->
                        <!--<b class="icon-drop_right">-->
                        <!--</b>-->
                    <!--</a>-->
                <!--</li>-->
            </ul>
        </div>
        <!-- .slider end -->
        <div class="u-container">
            <div class="c-tab clearfix">
                <div class="tool-left l">
                    <a href="/u/3249444/courses" class="sort-item active">
                        最近学习
                    </a>
                </div>
            </div>
            <div class="js-course-list my-space-course study-tl">
                {volist name='res' id='vo'}
                <div class="clearfix tl-item  tl-item-first">
							<span class="time">
								<b>
									{$vo.year}
								</b>
								<em>
									{$vo.month}
								</em>
							</span>
                    <div class="course-list course-list-m">
                        <ul class="clearfix">
                            <li class="course-one" data-courseid="418" data-uid="3249444">
                                <div class="course-list-img l">
                                    <a href="/course/detail?d={$vo.video.sv_id}" target="_blank">
                                        <img width="200" height="113" alt="{$vo.video.sv_name}" src="__STATIC__/index/images/5704a68f0001e20206000338-240-135.jpg"
                                        />
                                    </a>
                                </div>
                                <div class="course-list-cont">
                                    <h3 class="study-hd">
                                        <a href="/course/detail?d={$vo.video.sv_id}" target="_blank">
                                            {$vo.video.sv_name}
                                        </a>
												<span class="i-new">
													更新完毕
												</span>
                                        <!-- 更新完毕 -->
                                        <!-- 收藏和删除 -->
                                        <div class="share-box clearfix">
                                            <div class="show-btn"><i class="icon-down2"></i></div>
                                            <div class="share-box-con courses-r">
                                                <a href="javascript:;" title="收藏" data-id="{$vo.video.sv_id}" class="follow custom_f"><i class="icon icon-star_outline"></i></a>
                                                <a href="javascript:;" title="删除" data-id="{$vo.id}" class="del"><i class="icon icon-notdisplay"></i></a>
                                            </div>
                                        </div>
                                    </h3>
                                    <div class="study-points">
												<!--<span class="i-left span-common">-->
													<!--已学4%-->
												<!--</span>-->
												<!--<span class="i-mid span-common">-->
													<!--用时 2小时 7分-->
												<!--</span>-->
												<span class="i-right span-common">
													学习至 {$vo.svl_chapter_no} {$vo.svl_name}
												</span>
                                    </div>
                                    <div class="catog-points">
                                        <span class="i-left span-common">
                                            <a href="/u/3249444/course/418/notes">
                                                笔记
                                                <i>
                                                    0
                                                </i>
                                            </a>
                                        </span>
                                        <span class="i-mid span-common">
                                            <a href="/u/3249444/course/418/codes">
                                                代码
                                                <i>
                                                    0
                                                </i>
                                            </a>
                                        </span>
                                        <span class="i-right span-common">
                                            <a href="/u/3249444/course/418/questions">
                                                问答
                                                <i>
                                                    0
                                                </i>
                                            </a>
                                        </span>
                                        <a href="/course/detail?d={$vo.video.sv_id}" target="_blank" class="btn-red continute-btn">继续学习</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                {/volist}
            </div>
            <!-- 分页 -->
            <div class="qa-comment-page">
            </div>
        </div>
        <!-- .container end -->
    </div>
    <!-- .wrap end-->
</div>

{/block}

{block name="script"}
    <script type="text/javascript">
        $(document).ready(function() {

            $('.share-box').mouseenter(function(){
                $(this).addClass('hover');
            }).mouseleave(function(){
                $(this).removeClass('hover');
            });

            // 删除
            $('.del').click(function(){
                var _id = $(this).attr('data-id');
                $.ajax({
                    url:'/user/delHis',
                    type:'post',
                    data:{id:_id},
                    success:function(data){
                        window.location.reload();
                    }
                });
            });
            // 收藏
            $('.follow').click(function(){
                var _this = $(this);
                var _id = _this.attr('data-id');
                if (_this.find('i').hasClass('icon-star2')) {
                    var _act = 2;
                } else {
                    var _act = 1;
                }
                $.ajax({
                    url:'/user/collect',
                    type:'post',
                    data:{id:_id, act:+_act},
                    success:function(data){
                        if (data == 1) {
                            _this.find('i').addClass('icon-star2');
                        }
                        if (data == 2) {
                            _this.find('i').removeClass('icon-star2');
                        }
                    }
                });
            });

        });
    </script>
{/block}